<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>

<div id="myDiv"><h2 id="myh2">使用 AJAX 修改该文本内容</h2></div>
<button type="button" id="mybtn">修改内容</button>

    <script>


        // jquery 的回调函数，当所有文档元素都加载完毕后会调用如下 function中的代码
        $(function () {
            // console.log('ok');

            // 给button按钮注册单击事件
            $("#mybtn").click(function () {

                console.log(100);

                var user = {id:1,name:"shine"};
                // jquery 发送ajax请求
                $.ajax({
                    url:'/josn/test4',
                    type:'post',
                    contentType:"application/json",//声明请求参数类型为 json
                    data:JSON.stringify(user),// 转换js对象成json
                    success:function(ret){
                        console.log(ret);
                        $("#myh2").text(ret.name);
                        // $("#myh2").innerHTML=ret.name;
                    }
                });

            });

        });

    </script>

</body>
</html>
